<template>
  <div>
    <NavBarTitle :NavBarTitle="NavBarTitle" />
    <div class="can-box">
      <div style="transform: scale(1.5)">
        <QrCodeComponent v-if="text" :text="text" />
        <div class="text-style">长按可复制二维码</div>
      </div>
    </div>
  </div>
</template>
<script>
import { baseUrl } from "../../../config/env";
import NavBarTitle from "components/NavBarTitle.vue";
import QrCodeComponent from "components/QrCodeComponent.vue";
export default {
  name: "share",
  data() {
    return {
      NavBarTitle: "分享赚钱", 
      text: "",
    };
  },
  mounted() {
    this.text =
      "http://xiruolvyou.com/home/#/home?uid=" +
      localStorage.getItem("myUid");
  },
  components: {
    NavBarTitle,
    QrCodeComponent,
  },
};
</script>
<style scoped>
.can-box {
  width: 100vw;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-style {
  font-size: 12px;
  margin: 4px auto;
  text-align: center;
}
</style>